<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC
  "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	>	
<h:head>
	<title>Editar Carro</title>
</h:head>
<h:body>
    <h:form>
		<p:fieldset legend="Editar Carro"
			style="margin-bottom:20px; margin-left: auto;
	        margin-right: auto;">
			<p:messages id="messages" showDetail="false" autoUpdate="true"
				closable="true" />
			<h:panelGrid columns="1">
                <p:dataTable id="listadoProductoCarrito" var="productoCarro" value="#{carroMB.listaProductoCarro}" rows="10"
					paginator="true"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="10">
					<p:column headerText="Producto">
						<h:outputText id ="nombreProducto" value="#{productoCarro.nombreProducto}" />
					</p:column>
					<p:column headerText="Precio">
						<h:outputText id ="precio" value="#{productoCarro.precio}" />
					</p:column>
					<p:column headerText="Cantidad">
						<h:outputText value="#{productoCarro.cantidad}" />
					</p:column>
					<p:column headerText="Total">
						<h:outputText value="#{productoCarro.subTotal}" />
					</p:column>
					<p:column headerText="Acciones">
						<p:commandButton value="Agregar"  styleClass="ui-priority-primary">
                            <p:ajax event="click" listener="#{carroMB.agregarProductoEditado(productoCarro)}" process="@form" update="@form"/>
                        </p:commandButton>
                        
                        <p:commandButton value="Quitar"  styleClass="ui-priority-primary">
                            <p:ajax event="click" listener="#{carroMB.quitarProductoCarro(productoCarro)}" update="@form"/>
                        </p:commandButton>
                        
                        <p:commandButton value="Eliminar"  styleClass="ui-priority-primary">
                            <p:ajax event="click" listener="#{carroMB.eliminarProductosCarro(productoCarro)}" update="@form"/>
                        </p:commandButton>
					</p:column>
				</p:dataTable>
			</h:panelGrid>
			<h:outputLabel value="Total: #{carroMB.total} "/><br/>
			<p:commandButton value="Comprar"  action="#{carroMB.comprar}"/>
			<p:commandButton action="#{carroMB.volver()}" value="Volver"></p:commandButton>
		</p:fieldset>
	</h:form>
</h:body>
</html>